{% extends "base.html" %}{% load pages_tags %}{% load_pages %}

        {% block content %}
        
		<div id="content">
        	<div id="main">
            
                <div id="ts-display-portfolio">
                <ul id="ts-display-pf-col-1">
                    <li>
                        <div class="ts-display-pf-img">
                            <a class="image" href="/media/images/content/pf/pf1.jpg" data-rel="prettyPhoto[mixed]" >
                            <span class="rollover"></span>
                            <img src="/media/images/content/pf/pf1.jpg" alt="" /></a>
                            <span class="shadowimg540"></span>
                        </div>
                        <div class="ts-display-pf-text">
                            <h2 class="posttitle colortext">{% placeholder product_name with TextInput %}</h2>
                            <p>{% placeholder product_description with Textarea %}</p>
                            <a href="#" class="button">Read More</a> <a href="#" class="button">Visit Website &rarr;</a>
                        </div>
                        <div class="ts-display-clear"></div>
                    </li>
                    <li>
                        <div class="ts-display-pf-img">
                            <a class="image" href="/media/images/content/pf/pf2.jpg" data-rel="prettyPhoto[mixed]" >
                            <span class="rollover"></span>
                            <img src="/media/images/content/pf/pf2.jpg" alt="" /></a>
                            <span class="shadowimg540"></span>
                        </div>
                        <div class="ts-display-pf-text">
                            <h2 class="posttitle colortext">Fusce eget leo quis tellus. </h2>
                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus iaculis diam eget justo mollis pellentesque. Ut consectetur velit enim. Maecenas auctor congue velit quis vestibulum. Sed vitae metus nisi, non lobortis ante.</p>
                            <a href="#" class="button">Read More</a> <a href="#" class="button">Visit Website &rarr;</a>
                        </div>
                        <div class="ts-display-clear"></div>
                    </li>
                    <li>
                        <div class="ts-display-pf-img">
                            <a class="image" href="/media/images/content/pf/pf3.jpg" data-rel="prettyPhoto[mixed]" >
                            <span class="rollover"></span>
                            <img src="/media/images/content/pf/pf3.jpg" alt="" /></a>
                            <span class="shadowimg540"></span>
                        </div>
                        <div class="ts-display-pf-text">
                            <h2 class="posttitle colortext">Pellentesque habitant morbi tristique.</h2>
                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus iaculis diam eget justo mollis pellentesque. Ut consectetur velit enim. Maecenas auctor congue velit quis vestibulum. Sed vitae metus nisi, non lobortis ante.</p>
                            <a href="#" class="button">Read More</a> <a href="#" class="button">Visit Website &rarr;</a>
                        </div>
                        <div class="ts-display-clear"></div>
                    </li>
                    <li>
                        <div class="ts-display-pf-img">
                            <a class="image" href="/media/images/content/pf/pf4.jpg" data-rel="prettyPhoto[mixed]" >
                            <span class="rollover"></span>
                            <img src="/media/images/content/pf/pf4.jpg" alt="" /></a>
                            <span class="shadowimg540"></span>
                        </div>
                        <div class="ts-display-pf-text">
                            <h2 class="posttitle colortext">Aenean ullamcorper sapien nec.</h2>
                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus iaculis diam eget justo mollis pellentesque. Ut consectetur velit enim. Maecenas auctor congue velit quis vestibulum. Sed vitae metus nisi, non lobortis ante.</p>
                            <a href="#" class="button">Read More</a> <a href="#" class="button">Visit Website &rarr;</a>
                        </div>
                        <div class="ts-display-clear"></div>
                    </li>
                </ul>
                </div><!-- end #ts-display-portfolio -->
                
                <div id="nav-below" class="navigation">
                    <div class="nav-previous"><span class="meta-nav"><a href="#">&larr; Older Post</a></span></div>
                    <div class="nav-next"><span class="meta-nav"><a href="#">Newer Post &rarr;</a></span></div>
                </div><!-- #nav-below -->
                
            	<div class="clear"></div><!-- clear float -->
            </div><!-- end #main -->
		</div><!-- end #content -->
        {% endblock %}